<!-- logo.vue -->
<template>
  <view class="center-container">
    <!-- 新增包裹图片和文字的容器 -->
    <view class="image-text-container">

    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {
    // 使用 setTimeout 函数，在 1500 毫秒（即 1.5 秒）后执行跳转操作
    setTimeout(() => {
      // 使用 uni.redirectTo 跳转到 index.vue 页面
      uni.redirectTo({
        url: '/pages/index/index'
      });
    }, 1500); 
  },
  methods: {}
};
</script>

<style scoped>
/* 设置居中容器的样式 */
.center-container {
  width: 100%;
  height: 100vh; /* vh 是视口高度单位，100vh 表示占满整个视口高度 */
  display: flex;
  flex-direction: column; /* 垂直布局，方便将子元素置于底部 */
  justify-content: flex-end; /* 将子元素置于底部 */
  align-items: center; /* 水平居中 */
  /* 添加背景图片相关样式 */
  background-image: url('https://s21.ax1x.com/2025/05/01/pEHoiDO.png');
  background-size: cover; /* 使背景图片自适应容器大小，可能会裁剪部分图片 */
  background-position: center; /* 背景图片居中显示 */
  background-repeat: no-repeat; /* 背景图片不重复 */
  padding-bottom: 50px; /* 给底部添加一些内边距，让内容不紧贴底部 */
}

/* 新增包裹图片和文字的容器样式 */
.image-text-container {
  display: flex;
  flex-direction: row; /* 水平布局 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
   
}

/* 设置图片的样式，使其缩小到原来的十分之一并调整位置 */
.centered-image {
  display: block;
  transform: scale(0.15);
  margin: 0; /* 重置垂直方向的 margin */
  margin-top: 40px;
}


</style>